<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
  <link rel="stylesheet" type="text/css" href="../log/log.css" >
  <style>
    .layui-show{
      display: block;
    }
  </style>
</head>

<body id = "main">
  <div class="layui-form-item alarm-title">
    <fieldset class="layui-elem-field layui-field-title">
      <legend><span class="field_title">使用方式</span></legend>
    </fieldset>
  </div>
  <div class = "layui-elem-quote">
    <ol>1.引入log.css</ol>
    <ol>2.引入layui,lodash等环境</ol>
    <ol>3.使用</ol>
    <ol>3.1.可以使用 layui.log.load();  无参的方式直接创建一个实例 </ol>
  </div>
  <div class="layui-form-item alarm-title">
    <fieldset class="layui-elem-field layui-field-title">
      <legend><span class="field_title">注意事项</span></legend>
    </fieldset>
  </div>
  <div class = "layui-elem-quote">
    <ol>1.需要注意这里的body的id是main,这个后面也是可以调整的</ol>
    <ol>2.layui-show如果引用了layui.css就可以不用额外添加了</ol>
  </div>


  <script type="text/javascript" src="../plugin/jquery.min.js"></script>
  <script type="text/javascript" src="../plugin/lodash.min.js"></script>
  <script type="text/javascript" src="../../layui/layui.js"></script>
  <script>
    layui.extend({
      log: "../../layui_exts/log/log",
    }).use(['log'], () => layui.log.load());
  </script>
</body>

</html>